<template>
  <a-tooltip :content="titleTooltipContent" position="top" :content-style="{ maxWidth: titleTooltipMaxWidth + 'px' }">
    {{ title }} <icon-exclamation-circle class="icon-tip" />
  </a-tooltip>
</template>

<script setup>
  defineProps({
    title: String,
    titleTooltipContent: String,
    titleTooltipMaxWidth: {
      type: Number,
      default: 300,
    },
  })
</script>
<style lang="less" scoped>
  .icon-tip {
    font-size: 16px;
    color: #165dffff;
    vertical-align: -3px;
  }
</style>
